var DOMsupport = document.getElementById && document.getElementsByTagName && document.createElement;

function applyShadow(targetElement, shadowColor, shadowOffsetX, shadowOffsetY) {
  if (typeof(targetElement) != 'object') {
    targetElement = document.getElementById(targetElement);
  }
  var value = targetElement.firstChild.nodeValue;
  targetElement.style.zIndex = 1;
  targetElement.style.position = 'absolute';


   
  var newEl = document.createElement('span');
  newEl.appendChild(document.createTextNode(value));
  newEl.className = 'static';
  newEl.style.color = shadowColor;
  newEl.style.position = 'absolute';
  newEl.style.left = shadowOffsetX + 'px';
  newEl.style.top = shadowOffsetY + 'px';

  newEl.style.zIndex = -1;

  
  targetElement.appendChild(newEl);
}

if (DOMsupport) {
  window.onload = function() {

    applyShadow('shadow', '#575757', -2, -4);
    applyShadow('shadow', '#575757', 2, -4);
    applyShadow('shadow', '#575757', -1, -4);
    applyShadow('shadow', '#575757', 1, -4);


    applyShadow('shadow', '#575757', -3, 2);
    applyShadow('shadow', '#575757', -3, 1);
    applyShadow('shadow', '#575757', -3, 0);
    applyShadow('shadow', '#575757', -3, -1);
    applyShadow('shadow', '#575757', -3, -2);

    applyShadow('shadow', '#575757', 3, 2);
    applyShadow('shadow', '#575757', 3, 1);
    applyShadow('shadow', '#575757', 3, 0);
    applyShadow('shadow', '#575757', 3, -1);
    applyShadow('shadow', '#575757', 3, -2);

    applyShadow('shadow', '#575757', -3, -3);
    applyShadow('shadow', '#575757', 3, -3);
    applyShadow('shadow', '#575757', -3, 3);
    applyShadow('shadow', '#575757', 3, 3);

    applyShadow('shadow', '#575757', 0, -4);

    applyShadow('shadow', '#B4B4B4', -1, -3);
    applyShadow('shadow', '#B4B4B4', 1, -3);

    applyShadow('shadow', '#B4B4B4', -2, -2);
    applyShadow('shadow', '#B4B4B4', 2, 2);
    applyShadow('shadow', '#B4B4B4', 2, -2);
    applyShadow('shadow', '#B4B4B4', -2, 2);

    applyShadow('shadow', '#D7D7D7', 0, -3);

    applyShadow('shadow', '#D7D7D7', 0, -2);
    applyShadow('shadow', '#D7D7D7', -2, 0);
    applyShadow('shadow', '#D7D7D7', 2, 0);
 
    applyShadow('shadow', '#F5F5F5', 0, -2);
 
    applyShadow('shadow', '#F5F5F5', -1, -1);
    applyShadow('shadow', '#F5F5F5', 1, 1);
    applyShadow('shadow', '#F5F5F5', 1, -1);
    applyShadow('shadow', '#F5F5F5', -1, 1);
  }
}



